<section>
  <div class="mx-auto max-w-screen-xl px-4 py-8 sm:px-6 lg:px-8">
    <div class="space-y-4 md:space-y-8">
      <div class="max-w-xl">
        <h2 class="text-2xl font-semibold text-gray-900 sm:text-3xl">
          Lorem ipsum dolor sit amet consectetur adipisicing elit.
        </h2>

        <p class="mt-4 text-gray-700">
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur doloremque saepe
          architecto maiores repudiandae amet perferendis repellendus, reprehenderit voluptas sequi.
        </p>
      </div>

      <img
        src="https://images.unsplash.com/photo-1731690415686-e68f78e2b5bd?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
        class="rounded"
        alt=""
      />
    </div>
  </div>
</section>
